<template>
  <div>
    <List @getListData="getListData"/>
  </div>
</template>

<script>
import List from "./components/List";
import _ from 'lodash'
export default {
  name: "App",
  data(){
    return {
      List:[]
    }
  },
  components: {
    List
  },
  methods:{
    //自定义事件的回调函数
    //自定义事件主要用来接收子组件的传参(子向父传参)
    //1.拿到数据后可以保存在自己的data中,data中尽量保存一个新的值(需要拷贝)
    getListData(List){
      // this.List = [...List]
      //如果数据比较复杂,需要对数据进行深拷贝,(使用lodash的包提供的方法)
      //
      this.List = _.cloneDeep(List)

    }
  }

};
</script>

<style>
</style>